<script>
  export let size = "18px";
  export let primaryColor = "#3524C7";
  export let secondaryColor = "#9CABFF";
</script>

<svg
  width={size}
  height={size}
  viewBox="0 0 18 18"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M9.04672 4.50171L15.8821 11.3371C16.0286 11.4835 16.0286 11.721 15.8821 11.8674L15.6169 12.1326C15.4705 12.279 15.2331 12.279 15.0866 12.1326L8.95234 5.99831L6.02515 8.26745L2.32942 6.39224C2.14473 6.29853 2.07098 6.07284 2.16469 5.88815L2.33437 5.55373C2.42808 5.36904 2.65378 5.29529 2.83847 5.389L5.89891 6.94187L9.04672 4.50171Z"
    fill={primaryColor}
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M15.8639 4.64881C15.9899 4.8132 15.9587 5.04859 15.7944 5.17456L6.02412 12.6613L2.33102 10.7961C2.14616 10.7028 2.07198 10.4772 2.16535 10.2923L2.33441 9.95762C2.42777 9.77275 2.65333 9.69857 2.83819 9.79194L5.90064 11.3386L15.1101 4.28159C15.2745 4.15561 15.5099 4.18676 15.6358 4.35115L15.8639 4.64881Z"
    fill={secondaryColor}
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M1.5 15V2.625C1.5 2.41789 1.66789 2.25 1.875 2.25H2.25C2.45711 2.25 2.625 2.41789 2.625 2.625V15H1.5Z"
    fill={primaryColor}
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M16.5 14.625C16.5 14.8321 16.3321 15 16.125 15H2.25V13.875H16.125C16.3321 13.875 16.5 14.0429 16.5 14.25V14.625Z"
    fill={primaryColor}
  />
</svg>
